body{
    background-color: #f2f2f2;
}
.banner{
    width:7.5rem;
    padding-top:0.8rem;
    background-color: #fff;
    font-size:0;
}
.banner img{
    width:7.5rem;
    height:3.5rem;
}
.banner .hospitalName{
    padding:.2rem 0 .2rem .26rem;
    color:#333;
    font-size:0.24rem;
}
.banner .hospitalLevel{
    padding:.2rem 0 .2rem .26rem;
    color:#999;
}
.banner .hospitalLevel{
    font-size:0.24rem;
    padding:0 0 .2rem 0.26rem;
}
.banner .hospitalLevel .level{
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    padding:0 .1rem; 
    margin-right:.2rem;
    color:#ff4617;
    border:0.02rem solid #ff4617;
    border-radius: 0.2rem;
}
.hospitalInfo{
    width:7.5rem;
    display: flex;
    background-color: #fff;
}
.hospitalInfo>div{
    flex:1;
    box-sizing: border-box;
    height: 3.36rem;
    text-align: center;
}
.hospitalInfo .apponintment{
    padding-top:.52rem;
    font-size:.24rem
}
.hospitalInfo .apponintment a{
    display: block;
    color:#333;
}
.hospitalInfo .apponintment i{
    font-size:1rem;
    color:#1890ff;
}
.hospitalInfo .apponintment p{
    padding:0.1rem 0;
}

.hospitalInfo .info{
    border-left:0.02rem solid #ddd;
    text-align: left;
}
.hospitalInfo .info div{
    position: relative;
    height:1.12rem;
    padding-left:1.12rem;
    border-bottom:0.02rem solid #eee;
}
.hospitalInfo .info div a{
    display: block;
}
.hospitalInfo .info div h3{
    padding:0.1rem 0;
    color:#333;
}
.hospitalInfo .info div i{
    position: absolute;
    top:0.2rem;
    left:.2rem;
    font-size:.72rem;
    color:#1890ff;
}
.hotDepartment, .article{
    width:7.5rem;
    
    background-color: #fff;
}
.hotDepartment h3, .article h3{
    padding:0 .2rem;
    height: .8rem;
    line-height: .8rem;
    border-bottom:0.02rem solid #ddd;
}
.hotDepartment h3 a{
    display: block;
    color:#333;
}
.hotDepartment h3 i, .article h3 i{
    float: right;
    height: .8rem;
    widows: .8rem;
    text-align: center;
}
.hotDepartment .departmentName ul{
    padding-bottom:0.15rem;
    background-color: #fff;

}
.hotDepartment .departmentName li{
    float: left;
    height:.5rem;
    line-height: .5rem;
    text-align: center;
    padding:0 .24rem;
    margin:0.3rem .1rem .15rem;
    border:0.02rem solid #1890ff;
    border-radius: .2rem;
    background-color: #edfaf7;
    color:#1890ff;
}

.article{
    width:7.5rem;
}
.article li>a{
    display: block;
    padding:.12rem .2rem .12rem 1.8rem;
    position: relative;
    height:1.24rem;
    border-bottom:0.02rem solid #eee;
}

.article li>a img{
    position: absolute;
    top:.12rem;
    left:.12rem;
    width:1.56rem;
    height:1.24rem;
}
.article li>a h4{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding-bottom:.3rem;
    color:#333;
}
.article li>a p{
    text-align: right;
}